@import "base";
@import "normalize";
@import "variable";
.detail_content{
  background-color: #fff;
  padding-top: 10rem/@base;
  .box{
    padding: 20rem/@base;
    .box_tit{
      text-align: center;
    }
    .img_box{
        width: 420rem/@base;
        margin: 0 auto;
        position: relative;
        .icon_collect{
          position: absolute;
          right: -30rem/@base;
          bottom: 20rem/@base;
          width: 60rem/@base;
          height: 60rem/@base;
          img{
            width: 100%;
          }
        }
      }
  }
  .detail_nav{
    height: 65rem/@base;
    background-color: #ff9b19;
    border-bottom: 1px solid #bf4f37;
    border-top: 1px solid #bf4f37;
    a{
      display: block;
      width: 33.3%;
      float: left;
      line-height: 65rem/@base;
      text-align: center;
      color: #fff;
      &:nth-child(2){
        border-right: 1px solid #bf4f37;
        border-left: 1px solid #bf4f37;
      }
    }
  }
  .buy{
    height: 87rem/@base;
    line-height: 85rem/@base;
    padding-left: 50rem/@base;
    position: relative;
    border-bottom: 1px solid #ccc;
    .fl{
      img{
        width: 16rem/@base;
        height: 16rem/@base;
        position: absolute;
        left: 20rem/@base;
        top: 50%;
        transform: translateY(-50%) scale(2);

      }
    }
    .fr{
      .buy_btn{
        display: block;
        width: 115rem/@base;
        background-color: #ff5500;
        color: #fff;
        font-size: 20rem/@base;
        line-height: 50rem/@base;
        text-align: center;
        border-radius: 10rem/@base;
        margin-top: 15rem/@base;
        margin-right: 20rem/@base;
      }
      .price{
        color: #ff5500;
        padding-right: 40rem/@base;
      }
    }
  }
  .tips{
    font-size: 18rem/@base;
    color: #666;
    padding: 10rem/@base  10rem/@base;
  }
  .comment_tit{
    height: 78rem/@base;
    line-height: 75rem/@base;
    text-align: center;
    background-color: #dbdbdb;
    border-top: 4rem/@base solid #777777;
  }
  .comment_content{
    padding: 10rem/@base;
    li{
      border-bottom: 1px solid #ccc;
    }
    .content_top{
      padding: 10rem/@base;
      .user_name{
        font-size: 18rem/@base;
        color: #666;
      }
      .time,.from{
        display: block;
        text-align: right;
        font-size: 24rem/@base;
        color: #666;
      }
    }
    .text{
      font-size: 28rem/@base;
    }
  }
  .more{
    width: 90%;
    height: 50rem/@base;
    line-height: 30rem/@base;
    text-align: center;
    border-radius: 10rem/@base;
    font-size: 24rem/@base;
    margin-left: 5%;
    background-color: #e5e5e5;
    margin-top: 30rem/@base;
    margin-bottom: 50rem/@base;
  }
}